﻿@using HTNResp.Model
<div class="row wrapper wrapper-content">
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>药物治疗</h5>
            <div class="ibox-tools">
                <a class="btn btn-xs btn-primary" onclick="filter='';table.ajax.reload()">刷新</a>
                <a class="btn btn-xs btn-primary" onclick="createModelShow()">新建</a>
                <a class="btn btn-xs btn-primary" onclick="SearchModelShow()">查询</a>
            </div>
        </div>
        <div class="ibox-content">
          <p id="ptest"></p>
            <table id="data_table" class="table table-bordered">
                <thead>
                    <tr>
                        <th style="width:7%">方案名称</th>
                        <th style="width:7%">危险分组</th>
                        <th style="width:20%">判断规则</th>
                        <th style="width:15%">适用范围</th>
                        <th style="width:20%">措施</th>
                        <th style="width:15%">目标</th>                      
                        <th style="width:9%">评估指南</th>
                        <th style="width:7%">操作</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</div>



<!--新建窗口-->
<div class="modal inmodal fade" id="model_create" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">
                    新建</h4>
            </div>
            <div class="modal-body">
                <form id="frm_create" class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">方案名称</label>
                        <div class="col-sm-10"><input type="text" name="ProjectName" class="form-control"></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">危险分组</label>
                        <div class="col-sm-10">
                        <select  name="DangerousGroup" class="form-control" required>
                        <option value=""></option>
                        <option>低危</option>
                        <option>中危</option>
                        <option>高危</option>
                        <option>正常高值</option>
                        </select>                        
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">判断规则</label>
                        <div class="col-sm-10"><textarea style="resize:none;overflow:auto" rows="3" id="create_DecisionRule"type="text" name="DecisionRule" class="form-control"></textarea></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">适用范围</label>
                        <div class="col-sm-10"><input id="create_AdaptScope" type="text" name="AdaptScope" class="form-control"></div>
                    </div>
                     <div class="form-group">
                        <label class="col-sm-2 control-label">措施</label>
                        <div class="col-sm-10"><textarea style="resize:none;overflow:auto" rows="3" type="text" name="Measure" class="form-control"></textarea></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">目标</label>
                        <div class="col-sm-10"><input type="text" name="Aim" class="form-control"></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">评估指南</label>
                        <div class="col-sm-10">
                        <select id="Create_EvalGuidId" name="EvalGuidId" class="form-control" required>
                            <option value=""></option>
                            <option value="1">中国高血压防治指南2010</option>
                            <option value="2">中国国家基层管理指南2014</option>
                            <option value="3">2013ESH-ESC动脉高血压管理指南</option>
                        </select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                <a type="button" class="btn btn-primary" id="btn_add">保存</a>
            </div>
        </div>
    </div>
</div>


<!--修改窗口-->
<div class="modal inmodal fade" id="model_Update" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">
                    修改</h4>
            </div>
            <div class="modal-body">
                <form id="frm_update" class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label"></label>
                        <div class="col-sm-10"><input id="Update_id" type="hidden" name="ID" class="form-control"></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">方案名称</label>
                        <div class="col-sm-10"><input id="Update_ProjectName"type="text" name="ProjectName" class="form-control" required></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">危险分组</label>
                        <div class="col-sm-10">
                        <select id="Update_DangerousGroup"type="text" name="DangerousGroup" class="form-control" required>
                        <option value=""></option>
                        <option>低危</option>
                        <option>中危</option>
                        <option>高危</option>
                        <option>正常高值</option>
                        </select>               
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">判断规则</label>
                        <div class="col-sm-10"><textarea style="resize:none;overflow:auto" rows="3" id="Update_DecisionRule"type="text" name="DecisionRule" class="form-control" required></textarea></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">适用范围</label>
                        <div class="col-sm-10"><input id="Update_AdaptScope" type="text" name="AdaptScope" class="form-control" required></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">措施</label>
                        <div class="col-sm-10"><textarea style="resize:none;overflow:auto" rows="3" id="Update_Measure" type="text" name="Measure" class="form-control"></textarea></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">目标</label>
                        <div class="col-sm-10"><input id="Update_Aim" type="text" name="Aim" class="form-control"></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">评估指南</label>
                        <div class="col-sm-10">
                        <select id="Update_EvalGuidId" name="EvalGuidId" class="form-control" required>
                            <option value=""></option>
                            <option value="1">中国高血压防治指南2010</option>
                            <option value="2">中国国家基层管理指南2014</option>
                            <option value="3">2013ESH-ESC动脉高血压管理指南</option>
                        </select>
                        </div>
                    </div>
                    <div class="col-sm-10">
                        <input id="Update_Status" type="hidden" name="Status" value="1" class="form-control"></div>
                </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                <a type="button" class="btn btn-primary" id="btn_modify">保存</a>
            </div>
        </div>
    </div>
</div>


<!--查找窗口-->
<div class="modal inmodal fade" id="model_Search" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">
                    查找</h4>
            </div>
            <div class="modal-body">
                <form id="frm_search" class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">方案名称</label>
                        <div class="col-sm-10"><input id="Search_ProjectName"type="text" name="ProjectName" class="form-control"></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">危险分组</label>
                        <div class="col-sm-10">
                        <select id="Search_DangerousGroup"type="text" name="DangerousGroup" class="form-control">
                        <option value=""></option>
                        <option>低危</option>
                        <option>中危</option>
                        <option>高危</option>
                        <option>正常高值</option>
                        </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">判断规则</label>
                        <div class="col-sm-10"><textarea style="resize:none;overflow:auto" rows="3" id="Search_DecisionRule"type="text" name="DecisionRule" class="form-control"></textarea></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">适用范围</label>
                        <div class="col-sm-10"><input id="Search_AdaptScope" type="text" name="AdaptScope" class="form-control"></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">措施</label>
                        <div class="col-sm-10"><textarea style="resize:none;overflow:auto" rows="3" id="Search_Measure" type="text" name="Measure" class="form-control"></textarea></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">目标</label>
                        <div class="col-sm-10"><input id="Search_Aim" type="text" name="Aim" class="form-control"></div>
                    </div>        
                    <div class="form-group">
                        <label class="col-sm-2 control-label">评估指南</label>
                        <div class="col-sm-10">
                        <select id="Search_EvalGuidId" name="EvalGuidId" class="form-control" required>
                            <option value=""></option>
                            <option value="1">中国高血压防治指南2010</option>
                            <option value="2">中国国家基层管理指南2014</option>
                            <option value="3">2013ESH-ESC动脉高血压管理指南</option>
                        </select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="SearchSubmit()">查找</button>
            </div>
        </div>
    </div>
</div>



@{
    List<EvalGuid> evalGridList = ViewBag.EvalGridId;
    List<string> evalGridListJs = new List<string>();
    foreach(EvalGuid eval in evalGridList)
    {
        evalGridListJs.Add("'" + eval.ID + "':'" + eval.GuidName + "'");
    }
    
}

@section script {
<script>
    var evalGridList = {@Html.Raw(string.Join(",", evalGridListJs))};
</script>
<script>
    var filter = " ";
    var table = null;

    $("#create_DecisionRule").change(function () {
        $.post("/PrevensionProject/Confirm?string=" + $("#create_DecisionRule").val(), null, function (res) {
            if (res.result==1) {
                $("#create_DecisionRule").css("border-color", "")
            } else if (res.result == 100) {
                location.href = "/Home/Index";
            } else if (res.result == 300) {
                location.href = "/Home/Illegal";
            } else {
                toastr.error(res.msg);
                $("#create_DecisionRule").css("border-color", "red")
                return 1;
            }
        });
    });

    $("#Update_DecisionRule").change(function () {
        $.post("/PrevensionProject/Confirm?string=" + $("#Update_DecisionRule").val(), null, function (res) {
            if (res.result==1) {
                $("#Update_DecisionRule").css("border-color", "")
            } else if (res.result == 100) {
                location.href = "/Home/Index";
            } else if (res.result == 300) {
                location.href = "/Home/Illegal";
            } else {
                toastr.error(res.msg);
                $("#Update_DecisionRule").css("border-color", "red")
                return 1;
            }
        });
    });

    $.extend($.validator.messages, { required: '该项不能为空' });

    $(document).ready(function () {
        table = $("#data_table").DataTable({
            "pageLength": 10,
            "lengthChange": false,
            "processing": true,
            "serverSide": true,
            "ordering": false,
            "dom": '<"html5buttons"B>Tgitp',
            "ajax": function (tdata, callback, settings) {
                $.ajax({
                    type: "POST",
                    url: "/PrevensionProject/AjaxList/" + filter,
                    cache: false,
                    data: tdata,
                    dataType: "json",
                    success: function (res) {
                        if (res.result == 0) {
                            toastr.warning(res.msg);
                        } else if (res.result == 100) {
                            location.href = "/Home/Index";
                        } else if (res.result == 300) {
                            location.href = "/Home/Illegal";
                        } else {
                            callback(res.data);
                        }
                    },
                    error: function (XMLHttpRequest, txtStatus, errorThrown) {
                        toastr.warning('查询失败，请重试');
                    }
                });
            },
            "columns": [
                    { data: "ProjectName" },
                    { data: "DangerousGroup" },
                    { data: "DecisionRule",
                        "render": function (data, type, row) {
                            var html;
                            html = "<div style='height:100px;overflow:auto'>" + data + "</div>";
                            return html;
                        } 
                    },
                    { data: "AdaptScope" },
                    { data: "Measure",
                        "render": function (data, type, row) {
                            var html;
                            html = "<div style='height:100px;overflow:auto'>" + data + "</div>";
                            return html;
                        } 
                    }, 
                    { data: "Aim" },                   
                    {
                        data: "EvalGuidId",
                        "render": function (data, type, row) {
                            return evalGridList[data];
                        }
                    },
                    {
                        data: "ID",
                        "render": function (data, type, row) {
                            var html;
                            html = "<a class='btn btn-xs btn-primary' onclick='UpdateModelShow(" + data + ")'>修改</a>";
                            html += "&nbsp;<a class='btn btn-xs btn-danger'onclick='DeleteModelShow(" + data + ")' >删除</a>";
                            return html;
                        }
                    }
                ],
            "language": {
                "sProcessing": "处理中...",
                "sLengthMenu": "每页显示 _MENU_ 项结果",
                "sZeroRecords": "没有匹配结果",
                "sInfo": "当前显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
                "sInfoEmpty": "当前显示第 0 至 0 项结果，共 0 项",
                "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
                "sInfoPostFix": "",
                "sSearch": "关键字搜索:",
                "sUrl": "",
                "sEmptyTable": "表中数据为空",
                "sLoadingRecords": "载入中...",
                "sInfoThousands": ",",
                "oPaginate": {
                    "sFirst": "首页",
                    "sPrevious": "上页",
                    "sNext": "下页",
                    "sLast": "末页"
                },
                "oAria": {
                    "sSortAscending": ": 以升序排列此列",
                    "sSortDescending": ": 以降序排列此列"
                }
            },
            "buttons": []
        })
        $("#frm_create").validate({});
        $("#frm_update").validate({});
    });
    //新建
    function createModelShow() {
        $("#model_create").modal('show');

    }

    var btn_add = $('#btn_add').ladda();
    btn_add.click(function () {
        if (!$("#frm_create").valid()) {
            toastr.error("新建失败！");
            return false;
        }
        btn_add.ladda('start');
        $.post("/PrevensionProject/Create", $("#frm_create").serialize(), function (res) {
            btn_add.ladda('stop');
            if (res.result == 1) {
                table.ajax.reload();
                $("#model_create").modal('hide');
                toastr.success("新建成功!");
                $("#model_create").on("hidden.bs.modal", function () {
                    $("input,select").val("");
                });
            } else if (res.result == 100) {
                location.href = "/Home/Index";
            } else if (res.result == 300) {
                location.href = "/Home/Illegal";
            } else {
                toastr.error(res.msg);
            }
        })
    });

    //修改
    function UpdateModelShow(id) {
        $.post("/PrevensionProject/Info/" + id, null, function (res) {
            if (res.result == 0) {
                toastr.error("所选择项不存在,请刷新后重试");
            }
            else if (res.result == 100) {
                location.href = "/Home/Index";
            } else if (res.result == 300) {
                location.href = "/Home/Illegal";
            } else {
                $("#Update_id").val(res.data.ID);
                $("#Update_ProjectName").val(res.data.ProjectName);
                $("#Update_DangerousGroup").val(res.data.DangerousGroup);
                $("#Update_DecisionRule").val(res.data.DecisionRule);
                $("#Update_AdaptScope").val(res.data.AdaptScope);
                $("#Update_Measure").val(res.data.Measure);
                $("#Update_Status").val(res.data.Status);
                $("#Update_Aim").val(res.data.Aim);
                $("#Update_Status").val(res.data.Status);
                $("#Update_EvalGuidId").val(res.data.EvalGuidId);
            }
        })
        $("#model_Update").modal('show');

    }

    var btn_modify = $('#btn_modify').ladda();
    btn_modify.click(function () {
        if (!$("#frm_update").valid()) {
            toastr.error("修改失败！");
            return false;
        }
        btn_modify.ladda('start');
        $.post("/PrevensionProject/Update", $("#frm_update").serialize(), function (res) {
            btn_modify.ladda('stop');
            if (res.result == 1) {
                table.ajax.reload();
                $("#model_Update").modal('hide');
                toastr.success("修改成功!");
                $("#model_Update").on("hidden.bs.modal", function () {
                    $("input,select").val("");
                });
            } else if (res.result == 100) {
                location.href = "/Home/Index";
            } else if (res.result == 300) {
                location.href = "/Home/Illegal";
            } else {
                toastr.warning(res.msg);
            }
        })
    })

    //删除
    function DeleteModelShow(model) {
        swal({
            title: "确定删除吗?",
            text: "删除后不可找回!",
            type: "warning",
            showCancelButton: true,
            cancelButtonText: "取消",
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "确认",
            closeOnConfirm: false
        }, function () {
            //表单提交

            $.post("/PrevensionProject/Delete/" + model, null, function (res) {
                if (res.result == 0) {
                    swal("删除失败!", "没用可供删除的数据", "error");
                }
                else if (res.result == 100) {
                    location.href = "/Home/Index";
                } else if (res.result == 300) {
                    location.href = "/Home/Illegal";
                } else {
                    swal("已删除!", "此条信息已从数据库中移除", "success");
                    table.ajax.reload();
                }
            });


        });

    }
    //查找
    function SearchModelShow() {

        $("#model_Search").modal('show');
    }

    function SearchSubmit() {
        // todo read input box and get filter string  
        filter = "?ProjectName=" + $("#Search_ProjectName").val() + "&DangerousGroup=" + $("#Search_DangerousGroup").val() + "&DecisionRule=" + $("#Search_DecisionRule").val() + "&AdaptScope=" + $("#Search_AdaptScope").val() + "&Measure=" + $("#Search_Measure").val() + "&Aim=" + $("#Search_Aim").val() + "&EvalGuidId=" + $("#Search_EvalGuidId").val();
        table.ajax.reload();
        $("#model_Search").modal('hide');
    } 
</script>
}